<template>
    <div class="app-container">
        <levelbar></levelbar>
        <div class="main-content">
            <!-- <div class="title">e学云平台监控</div> -->
            <div class="ifrm">
                <div class="full-screen" @click="fullScreen"></div>
                <!-- http://monitor.jzexueyun.com -->
                <iframe id="ifrm" style="width:100%;height:765px;border:none" src="http://monitor.jzexueyun.com/index.html"></iframe> 
            </div>
        </div>
    </div>
</template>

<script>
    import Levelbar from '../layout/Levelbar';
    import dataOverview from './comps/dataOverview';
    export default {
        name: 'exueMonitoring',
        components: {Levelbar, dataOverview},
        data() {
            return {
            };
        },
        computed: {
            
        },
        methods: {
            fullScreen() {
                let ifrm = document.getElementById('ifrm');
                if (ifrm.requestFullscreen) {
                    ifrm.requestFullscreen();
                } else if (ifrm.webkitRequestFullscreen) {
                    ifrm.webkitRequestFullscreen();
                } else if (ifrm.mozRequestFullScreen) {
                    ifrm.mozRequestFullScreen();
                }
            }
        }
    };
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
   .app-container{
        position: relative;
        padding: 34px 20px 10px;
        width: 1400px;
        margin: 0 auto;
        .main-content {
            // padding: 20px 20px;
            background: #fff;
            .title {
                font-family: MicrosoftYaHei;
                font-size: 20px;
                line-height: 36px;
                color: #333333;
                margin-bottom: 6px;
            }
            .ifrm {
                position: relative;
                .full-screen {
                    background: url('../../images/login/icon_enlarge.png') no-repeat;
                    position: absolute;
                    color: #ddd;
                    top: 15px;
                    right: 20px;
                    cursor: pointer;
                    width: 23px;
                    height: 23px;
                }
            }
        }
    }
</style>
